/*reset*/
*{margin:0;padding:0;list-style-type:none; color:#333}
a,img{border:0;}
a{ color:#444; text-decoration:none;}
a:hover{ color:#b12323;text-decoration:none;}
body{ font-family:microsoft yahei; font-size:14px;color:#555;}
i{margin:0; padding:0; font-style:normal;}



.Header,.About,.ProBox ul,.NewsBox ul,.ContactBox div,.AboutBox,.Products,.ProInfoBox,.Sale,.News{width:1200px; margin:0 auto; clear:both}
.Logo{ float:left; margin:20px 0}
.Nav{ float:right}
.Nav li { width:112px; float:left; height:115px; line-height:115px; text-align:center; font-size:16px; margin-right:1px}
.NavOn a,.Nav li a:hover{ width:112px; float:left;background-color:#69a0d6; color:#fff}

/*幻灯*/
.fullSlide{width:100%;position:relative;height:522px; clear:both}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:522px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:522px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:20px;left:0;height:30px;line-height:30px; }
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:80px;height:10px;margin:5px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#fff;opacity:1;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}

.About{ padding-bottom:60px; overflow:auto}
.Title{ width:100%; float:left; text-align:center; padding:60px 0 40px 0}
.AboutJs{ width:100%; float:left; font-size:15px; line-height:35px}
.AboutJs img{ border:solid 10px #f1f1f1; border-radius:35px; float:left; margin-right:30px}

.ProBox{ width:100%; float:left; background-color:#424241}
.ProBox ul li{ width:266px; float:left; padding:17px}
.ProBox ul li i{ width:100%; float:left; text-align:center; height:40px; line-height:40px; color:#bfbfbf}

.NewsBox{ width:100%; float:left; background:url(../images/bg1.jpg) no-repeat center top; height:608px; padding-top:200px}
.NewsBox ul li{ width:43%;height:100px; line-height:25px; overflow:hidden; padding-bottom:18px; float:left; }
.Nleft{ padding-left:57%;}
.Nright{ text-align:right }
.NewsBox ul li strong{ font-size:16px}

.ContactBox{ width:100%; float:left; background:url(../images/bg2.jpg) no-repeat center top; height:530px; color:#fff; padding-top:220px;} 
.Feedback{ width:450px; float:left;}
.Feedback li{ width:100%; float:left; line-height:43px; background-color:#5bb3e2; margin-bottom:1px;}
.Feedback li span{ width:100px; float:left; text-align:center;color:#fff}
.Feedback .input{ width:330px; height:43px; line-height:43px;float:left; border:0; background:none; color:#fff}
.Feedback textarea{ width:330px; height:130px;float:left; border:0; background:none; color:#fff; padding:10px 0}
.Button{ width:100%; float:left; background-color:#f29400; color:#fff; height:43px; line-height:43px; font-size:16px; font-weight:bold; border:0; cursor:pointer}
.ConList{ width:500px; float:right; background:url(../images/ico.png) no-repeat; padding:0 0 0 60px; margin-top:30px }
.ConList li{width:100%; float:left; color:#fff; height:43px;line-height:43px; overflow:hidden; font-size:15px}
.ConList li p{color:#fff;}

.Footer{ width:100%; float:left; background-color:#000;height:50px; line-height:50px}
.Footer div, .Footer p{ width:1200px; margin:0 auto; clear:both; color:#7a7a7a; text-align:center}
.AboutBox{ padding-bottom:70px}
.AboutBoxJs{ width:100%; float:left;  line-height:45px; padding-bottom:70px}
.AboutBoxJs img.about{ width:420px; background:url(../images/Abg.jpg) no-repeat; padding:15px 25px 25px 15px; height:420px; float:left; border-radius:50%; margin-right:20px}

.Products{ overflow:auto; padding-bottom:30px}
.Products li{ width:270px; float:left;margin:20px 14px;}
.Products li img{ width:270px; border:solid 1px #ddd; }
.Products li i{ width:100%; float:left; height:40px; line-height:40px; text-align:center; overflow:hidden}

/*分页*/
.Page{clear:both;padding:15px 0; overflow:auto; font-size:15px; text-align:center}
.Page div{float:right;position:relative;right:50%}
.Page a,.Page strong,.Page span{float:left;position:relative;left:50%;margin:0 2px;color:#fff}
.Page li.active a{background:#3c95c8;color:#FFF; line-height:25px; border:none; text-decoration:none; border-radius:4px}
.Page a{ line-height:25px;background-color:#dedede;border-radius:4px; padding:0 8px;}
.Page a:hover,.Page strong{background:#3c95c8;color:#FFF; line-height:25px; padding:0 8px;border:none; text-decoration:none; border-radius:4px}
.Page span{line-height:25px}

.ProInfo{ float:left; width:530px}
.ProInfoList{ width:630px; float:right}
.ProInfoList dt{ font-size:30px; font-weight:bold;border-bottom:solid 1px #eee; padding-bottom:20px}
.ProInfoList dd{ height:55px; line-height:55px; border-bottom:solid 1px #eee}
.ProInfoList dd i{ width:130px; float:left; text-align:right}
.ProInfoList dd span{ width:400px; float:right}

.ProInfoBox{ width:1200px; margin:0 auto; clear:both; padding:30px 0; overflow:auto}
.ProInfoLeft{ width:250px; float:left; border:solid 1px #e2e2e2}
.ProInfoLeft dt{ width:100%; float:left; height:42px; line-height:42px; font-size:16px; font-weight:bold; background:url(../images/Pbt1.jpg) no-repeat; text-indent:20px}
.ProInfoLeft dd{ width:220px; float:left; padding:15px}
.ProInfoLeft dd img{ width:218px; float:left; border:solid 1px #e2e2e2;}
.ProInfoLeft dd i{width:100%; float:left; height:35px; line-height:35px; text-align:center; overflow:hidden}

.ProInfoRight{ width:930px; float:right}
.ProInfoRight .bt{ width:100%; float:left; background:url(../images/Pbt2.jpg) no-repeat; height:42px; line-height:42px; font-size:16px; font-weight:bold; text-indent:20px }
.ProInfoRight .js{ width:870px; float:left; border:solid 1px #e2e2e2; border-top:none; padding:29px; }

.Map{ width:100%; float:left; padding:20px 0 50px 0}
.Contact{ width:900px; float:left; background:url(../images/ico.png) no-repeat; padding:0 0 100px 60px; margin-left:40px}
.Contact li{width:100%; float:left; height:43px;line-height:43px; overflow:hidden; font-size:16px}

.NewsLeft{ width:220px; float:left;}
.NewsLeftBt{width:100%; float:left; height:45px; line-height:45px; font-size:16px; font-weight:bold; color:#fff; background-color:#51b0e6; text-align:center; border-radius:5px 5px 0 0}
.List1,.List2{ width:218px; float:left; border:solid 1px #ddd; border-top:none; margin-bottom:10px; padding-bottom:10px; font-size:12px}
.List1 li{ width:210px; float:left; height:36px; line-height:36px; border-bottom:solid 1px #eee; background:url(../images/ico1.jpg) no-repeat 10px center; text-indent:23px; overflow:hidden; padding-right:8px;}
.List2 li{ width:200px; float:left; padding:9px; padding-bottom:0}
.List2 li i{ width:100%; float:left; height:30px; line-height:30px; overflow:hidden; text-align:center}
.NewsRight{ width:960px; float:right; border:solid 1px #ddd; border-radius:5px 5px 0 0;margin-bottom:30px}
.NewsRbt{ width:100%; float:left; height:46px; line-height:46px; text-indent:35px; background:#eee url(../images/ico2.jpg) no-repeat 10px center}
.NewsRjs{ width:100%; float:left;}
.NewsRjs li{ width:940px; padding:0 10px; float:left;height:55px; line-height:55px; border-bottom:dotted 1px #ddd; font-size:16px; background:url(../images/ico3.jpg) no-repeat 10px center; text-indent:25px }
.NewsRjs li i{ float:right; font-size:14px}
.NewsInfoBt{ width:100%; float:left; font-size:28px; color:#333; font-weight:bold; text-align:center; padding:25px 0 15px 0}
.NewsInfoDate{width:100%; float:left; text-align:center; font-size:15px; color:#555; border-bottom:solid 1px #eee; padding-bottom:15px;}
.NewsInfoJs{ width:94%; margin:0 auto; clear:both; font-size:16px; padding:15px 0; line-height:40px}

.JMTop{ width:100%; float:left; padding:10px 0; background-color:#333; color:#fff}
.JMTop div{ width:1200px; margin:0 auto; clear:both;color:#fff}
.JMTop div span{ float:right; line-height:15px}
.JMTop a{ margin-left:20px; color:#fff; float:left; }
.JMTop a img{ margin-right:8px; float:left}
.JMTop a:hover{ color:#fff; text-decoration:underline}

.SubNav{width:1200px; margin:0 auto; clear:both; padding:0 0 20px 0; overflow:auto}
.SubNav li{ float:left;margin-right:15px; }
.SubNav li a{ display:block; padding:10px 30px;  background-color:#eee;border-radius:5px}
.SubNav li a:hover,.SubNav li.On a{ background-color:#69a0d6; color:#fff}